<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>工作经历</title>
		
	</head>
	<body>
		<h1>工作经历</h1>
		<div id="div1">
		<hr >
<!-- 					公司名称:<input type="text" name="" id="" value="" />
						职位:<input type="text" name="" id="" value="" />
						<a href="" onclick="aa()">删除工作经历</a><br><br>
				<form action="" method="">
					<table border="0" cellspacing="1" cellpadding="0">
				<tr>
					<td>工作职责及工作内容描述:</td>
					<td><textarea rows="8px" cols="50px"></textarea></td>
				</tr>
			</table>
		</form>
		<hr> -->
			
		</div>
		<a href="#" onclick="bb()" style="padding-left: 1300px;">添加工作经历</a>
	</body>
	<script type="text/javascript">
		function bb(){
			var diva=document.getElementById('div1');
			diva.innerHTML+=`
			<div id='div2'>
			
						公司名称:<input type="text" name="" id="" value="" />
							职位:<input type="text" name="" id="" value="" />
							<a href="#" onclick="aa()">删除工作经历</a><br><br>
					<form action="" method="">
						<table border="0" cellspacing="1" cellpadding="0">
					<tr>
						<td>工作职责及工作内容描述:</td>
						<td><textarea rows="8px" cols="50px"></textarea></td>
					</tr>
				</table>
			</form>
			<hr>
				
			</div>
			`
		}
		function aa(){
			var diva=document.getElementById('div1');
			var divb=document.getElementById('div2');
			diva.removeChild(divb)
		}
		
	</script>
</html>
